<template>
  <div>
    <Drawer
      v-model="isShow"
      width="1350"
      :styles="styles"
      draggable
      mask-closable
    >
      <grid-content ref="gridContent"></grid-content>
    </Drawer>
  </div>
</template>
<script>
import gridContent from "./expenseReport.vue";
export default {
  components: {
    gridContent,
  },
  data() {
    return {
      isShow: false,
      styles: {
        height: "calc(100% - 55px)",
        overflow: "auto",
        paddingBottom: "53px",
        position: "static",
      },
    };
  },
  methods: {
    show(data) {
      this.isShow = true;
      this.$refs.gridContent.show(data);
    },
  },
};
</script>
<style lang="less" scoped></style>
